<script>
import dict from '../../dictionary/setting-panel.js'
import { fieldChangedHandler } from '../mixins.js'

export default {
  props: ['id', 'fullField', 'shortField', 'value'],
  functional: true,
  render (h, context) {
    const { props } = context
    return (
      <form-item label={ dict[props.fullField] }>
        <i-input
          type="textarea"
          value={ props.value }
          on-on-change={ evt => fieldChangedHandler(props.id, evt.target.value, context) }
        />
      </form-item>
    )
  }
}
</script>
